<template>
  <div class="login">
    <button @click="fun" class="sj">
      <van-icon name="desktop-o" />手机号快捷登录
    </button>
    <button @click="fun2" class="yx">
      <van-icon name="envelop-o" />邮箱账号登录
    </button>
  </div>
</template>

<script>
export default {
  methods: {
    fun() {
      this.$router.push("/phonelogin").catch((err) => {});
    },
    fun2() {
      this.$router.push("/emitlogin").catch((err) => {});
    },
  },
};
</script>

<style scoped>
.login {
  height: 6.25rem;
  position: absolute;
  top: 14.375rem;
  left: 3.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: none;
}
button {
  width: 16.875rem;
  height: 2.5rem;
}
.sj {
  background: #dd1a21;
  color: #fff;
}
.yx {
  color: red;
  border: 1px solid red;
  background: #fff;
}
</style>